{% extends "D3hdvDiablo3Bundle::layout.html.twig" %}
{% block title %}
Admin D3 - Generer Objet Diablo3 {{ parent() }}
{% endblock %}
{% block body %}

<div align="left">
<br />
<span class="monTitre">Générer Objets :</span>
<br /><br />
</div>

<form id="form_generer_objet" action="{{ path('D3hdv_admin_creer_objet') }}" method="post">
	{{ form_widget(form) }}
	<input type="submit" value="Generer" />
</form>

<div class="progress progress-striped well">
	<div class="bar"></div>
</div>

<div id="resultats_creation_objet"> 

</div>

{% block javascript %}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script>

function timer(n,passage) {

	$(".bar").css("width", passage + "%");
	if(passage < 100) {
		setTimeout(function() {
			timer(n,passage+(30/n));
		}, 20);

	}

	
	
}


$("#form_generer_objet").submit(function(){ 

    var nobjet = $("#d3genererobjet_nbobjet").val();
    //alert(nobjet);
    var DATA = 'nobjet=' + nobjet;
    $.ajax({
        type: "POST",
        url: "{{ path('D3hdv_admin_creer_objet')}}",
        data: DATA,
        cache: false,
        success: function(data){
           $('#resultats_creation_objet').html(data);
	   var contact = jQuery.parseJSON(data);
	   var objresult = document.getElementById('resultats_creation_objet');

		// reconnaissance du tableau
		document.getElementById('resultats_creation_objet').innerHTML = '<h1>Objet(s) Généré(s) :</h1></br></br>';
		  timer(contact.length,1);
		for (var i = 0; i<contact.length; i++) {
			//$('#resultats_creation_objet').html(contact[0].spe,contact[0]._objet_modele.nom);
			document.getElementById('resultats_creation_objet').innerHTML += '<strong>Objet</strong> : '+i;
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Spe</strong> : '+contact[i].spe;
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Nom</strong> : '+contact[i]._objet_modele.nom;
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Niveau</strong> : '+contact[i]._objet_modele.niveau;			
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Type</strong> : '+contact[i]._objet_modele._type.objet_type;
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Classe</strong> : '+contact[i]._objet_modele._classe.objet_classe;
			document.getElementById('resultats_creation_objet').innerHTML += ' <strong>Rarete</strong> : '+contact[i]._objet_modele._rarete.objet_rarete;
			var carac = new Array();
			var carac=contact[i]._caracteristiques;
			for (var j = 0; j<carac.length; j++) {
				document.getElementById('resultats_creation_objet').innerHTML +='<strong> Caracteristique </strong>'+j+' : '+carac[j]._objet_caracteristique.objet_carac_nom;
				document.getElementById('resultats_creation_objet').innerHTML +=' <strong>Valeur</strong> : '+carac[j].valeur_cara+'</br></br>';
			}
	
			//$('#resultats_creation_objet').html(contact[0]._objet_modele.nom);
		}

        }
    });    
    return false;
});
</script>
{% endblock javascript %}

{% endblock %}
